<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>开发者介绍</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/top&footer.css">
        <link rel="stylesheet" href="../css/developer-animation.css">
        <link rel="stylesheet" href="../css/developer.css">
		<link rel="stylesheet" href="../图标字体/1/iconfont.css"/>
	</head>
	<body> 
		<!-- 头部 -->
		<header class="z99">
			
			<div class="header-top fe b-box flex-c-sb">
				<!-- log -->
				<img src="../img/logo-white.png" alt="" />
				<!-- nav -->
				<nav class="nav-top fe flex-sb">
					<a href="../html/index.html" class="fc-white">首页</a>
					<a href="../html/api.html" class="fc-white">API</a>
					<a href="../html/service.html" class="fc-white">云服务</a>
					<a href="../html/example.html" class="fc-white">案例</a>
					<a href="../html/developer.html" class="fc-white active">开发者</a>
				</nav>
				<!-- 登录注册 -->
				<div class="btn-top fe flex-sb">
					<a class="log-top fc-white cursor" href="../html/concat.html">联系我</a>
					<a class="register-top cursor">问题反馈</a>
				</div>
			</div>
		</header>
		<!-- 占位 -->
		<div id="placeholder"></div>
		<span class="reminder1">可跳转的有</span>
		<span class="reminder2">头部：联系我</span>
		<span class="reminder3">技能可以多停留一会</span>
		<!-- 个人信息 -->
		<section id="myMessage" class="container">
			<div></div>
			<div>
				<h1 class="mb-20">项目开发者：杨子歆</h1>
				<div id="something">
					<span class="iconfont fw-b">联系方式：</span><span class='iconfont icon-shoujihao'>17861401611</span>
					<span class='iconfont icon-youxiang'>455530443@qq.com</span>
			</div>
		</section>
	
		<!-- 教育经历 -->
		<section id="education" class="container">
			<h1 id="title"><span class="iconfont7 icon-jiaoyu"></span>教育经历</h1>
			<ul>
				<li>
					<div>
						<h1>山东师范大学</h1><span>本科</span><span>计算机科学与技术</span>
					</div>
				</li>
			</ul>
		</section>
		<!-- 项目 -->
		<section id="program" class="container">
			<h1 id="title"><span class="iconfont7 icon-xiangmu"></span>项目经历</h1>
			<ul>
				<li>
					<div>
						<h1>《山海经》</h1>
						<p>项目介绍：山海经书籍宣传类网站，网页数为9</p>
						<p>技术介绍：css浮动布局、HTML5、JavaScript、Css3等</p>
						<p>负责：全部网页的布局及交互效果的实现</p>
					</div>
				</li>
				<li>
					<div>
						<h1>企业官网</h1>
						<p>项目介绍：企业网站</p>
						<p>技术介绍：css浮动布局、HTML5、JavaScript、Css3等</p>
						<p>负责：全部网页的布局及交互效果的实现</p>
					</div>
				</li>
				<li>
					<div>
						<h1>安卓App</h1>
						<p>项目介绍：一款学习计划App，涉及备忘录、计时器、计划书、时钟、闹钟等</p>
						<p>技术介绍：Android</p>
						<p>负责：备忘录及计时器</p>
					</div>
				</li>
				<li>
					<div>
						<h1>天气系统</h1>
						<p>项目介绍：地方天气数据展示及后台管理</p>
						<p>技术介绍：数据库MySQL，JAVA，框架应用等</p>
						<p>负责：项目全部</p>
					</div>
				</li>
				<li>
					<div>
						<h1>基于JAVA的校园闲置物品交易平台</h1>
						<p>项目介绍：校园线上二手物品交易品台：
						<p>包含用户模块:注册、个人资料更新展示、历史成交记录、评价与点赞数量</p>
						<p>商品模块:买家挂售商品、商品资料列表、搜索查询功能、商品详情查询、卖家联系方式获取等</p>
						<p>促交模块:有意向买家评价商品、交易点赞追评等</p>
						<p>交易模块:我的意向、历史交易、交易进展、交易状态等</p>
						</p>
						<p>技术介绍：JAVA、SpringBoot、MySQL、SpringDataJPA</p>
						<p>运行环境：linux、javaSE8</p>
						<p>负责：项目全部</p>
					</div>
				</li>
			</ul>
		</section>
		<!-- 本项目介绍 -->
		<section id="certificate" class="container">
			<h1 id="title"><span class="iconfont7 icon-zhengshu"></span>本项目介绍</h1>
			<ul>
				<li>
					<div>
						<h1>源码大数据平台</h1>
						<p>项目结构：JavaScript、Html5、CSS3</p>
						<p>项目包含：首页、API首页、API详情页、云服务页、案例页、经典案例页、开发者页、登录页、注册页</p>
						<p>项目地址：<a href="https://gitee.com/yang_zi_xin/yzx-code-data.git" class="fc-blue">https://gitee.com/yang_zi_xin/yzx-code-data.git</a></p>
					</div>
				</li>
			</ul>
		</section>
		<section id="skills" class="container">
			<h1 id="title"><span class="iconfont7 icon-jineng"></span><span> 技能</span>
			</h1>
			<ul>
				<li><span>HTML：</span>
					<div class="one"> </div>
					   
				</li>
				<li><span>CSS：</span>
					<div class="two"></div>
				</li>
				<li><span>JavaScript：</span>
					<div class="three"></div>
				</li>
			</ul>
		</section>
		<script src="../js/util.js"></script>
	</body>
</html>
